<template>
  <div class="v-cloak" id="wrapper" v-cloak>
    <div class="main-top-nav">
      <p class="main-title">资中县河长制湖长制管理信息系统</p>
      <ul class="nav-box">
        <a href="/home" class="go-home-page">
          <li class="item item0">首页</li>
        </a>
        <li @click="changeActiveNav('综合展示')" :class="activeNav ==='综合展示' ? 'active':''" class="item item1">综合展示</li>
        <li @click="changeActiveNav('一张图')" :class="activeNav ==='一张图' ? 'active':''" class="item item2">一张图</li>
        <li @click="changeActiveNav('河湖档案','hehu-fist-lv')" :class="activeNav ==='河湖档案' ? 'active':''" class="item item3">河湖档案</li>
        <!--<li @click="changeActiveNav('检测监控')" :class="activeNav ==='检测监控' ? 'active':''" class="item item4"></li>-->
        <template v-if="staffInfo2.accountType==-1||staffInfo2.accountType==0||staffInfo2.accountType==1||staffInfo2.accountType==18||staffInfo2.accountType==19">
          <!--用户类型-1超级管理员0管理员1河长18总河长19副总河长-->
          <a :href="'http://119.29.168.213:8881/?account='+staffInfo2.account" target="_blank" class="go-home-page">
            <li class="item item230405_1">砂石监管</li>
          </a>
        </template>
        <li @click="changeActiveNav('巡查管理','xuncha-fist-lv')" :class="activeNav ==='巡查管理' ? 'active':''" class="item item5">巡查管理</li>
        <li @click="changeActiveNav('任务处理','renwu-fist-lv')" :class="activeNav ==='任务处理' ? 'active':''" class="item item6">任务处理</li>
        <!--<li @click="changeActiveNav('治理项目')" :class="activeNav ==='治理项目' ? 'active':''" class="item item7"></li>-->
        <li @click="changeActiveNav('目标考核','mubiao-fist-lv')" :class="activeNav ==='目标考核' ? 'active':''" class="item item8">目标考核</li>
        <li v-if="staff.hasPermission('analysis:menu')" @click="changeActiveNav('统计分析','tongji-fist-lv')" :class="activeNav ==='统计分析' ? 'active':''" class="item item9">统计分析</li>
        <!--<li @click="openWindow('//39.98.203.5:9090/authorityLogin?zizhong=3336bfd6815b066ad43d459d3f114180')" :class="activeNav ==='生态流量' ? 'active':''" class="item item10">生态流量</li>-->
        <li @click="changeActiveNav('生态流量')" :class="activeNav ==='生态流量' ? 'active':''" class="item item10">生态流量</li>
        <li v-if="staff.hasPermission('sys:menu')" @click="changeActiveNav('系统管理','xitong-fist-lv')" :class="activeNav ==='系统管理' ? 'active':''" class="item item12">系统管理</li>
        <li class="item item13" style="cursor: unset;">
          <div class="dropdown">
            <button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="font-size:12px">
              {{ staff.dto().name }}
              <!-- <span class="caret"></span> -->
            </button>
            <ul class="dropdown-menu" aria-labelledby="dLabel">
              <li @click="lbox.openMyBoxLayerB('密码修改','/own/staff/pwd',['700px', '500px'])">修改密码</li>
              <li @click="staff.logout()">退出登录</li>
            </ul>
          </div>
        </li>
      </ul>
      <a @click="lbox.openMyBoxLayerB('','/sys/newsManual/info',['80%', '90%'])" href="javascript:;" style="position: fixed;top: 80px;right: 22px;color: #ffffff;">
        <i class="fa fa-bell-o"></i> 用户手册
      </a>
    </div>
    <!--左侧导航开始-->
    <a class="J_menuItem" id="yizhangtu" style="display:none" href="/map/index">一张图</a>
    <a class="J_menuItem" id="zhonghezhanshi" style="display:none" href="/home/show_page">综合展示</a>
    <nav class="navbar-default navbar-static-side" role="navigation" v-show="hasLeftNav">
      <div class="nav-close"><i class="fa fa-times-circle"></i></div>
      <div class="sidebar-collapse">
        <ul class="nav" id="side-menu">
          <li v-show="activeNav ==='河湖档案' && staff.hasPermission('riverInfoCatalog:menu')">
            <a href="#" id="hehu-fist-lv1">
              <span class="nav-label">河湖信息</span>
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li x-if='staff.hasPermission("m1:menu")'>
                <a class="J_menuItem" id="hehu-fist-lv2" href="/river/riverRecord">一河一档</a>
              </li>
              <li x-if='staff.hasPermission("riverPolicy:menu")'>
                <a class="J_menuItem" href="/river/riverPolicy">一河一策</a>
              </li>
              <li x-if='staff.hasPermission("riverInfo:menu")'>
                <a class="J_menuItem" href="/river/riverInfo">河道名录</a>
              </li>
              <li x-if='staff.hasPermission("channelInfo:menu")'>
                <a class="J_menuItem" href="/river/channelInfo">渠道信息</a>
              </li>
              <li x-if='staff.hasPermission("reservoirInfo:menu")'>
                <a class="J_menuItem" href="/river/reservoirInfo">水库名录</a>
              </li>
              <li x-if='staff.hasPermission("riverBillboard:menu")'>
                <a class="J_menuItem" href="/river/riverBillboard">河长公示牌</a>
              </li>
            </ul>
          </li>
          <li v-show="activeNav ==='河湖档案' && staff.hasPermission('orgsys:menu')">
            <a href="#">
              <span class="nav-label">组织体系</span>
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li v-show='staff.hasPermission("riverSupervisor:menu")'><a class="J_menuItem" href="/staff/riverSupervisor">河长信息</a></li>
              <li v-show='staff.hasPermission("riverStaff:menu")'><a class="J_menuItem" href="/staff/riverStaff">人员信息</a></li>
              <li v-show='staff.hasPermission("orgInfo:menu")'><a class="J_menuItem" href="/staff/orgInfo">机构信息</a></li>
            </ul>
          </li>
          <li v-show="activeNav ==='河湖档案' && staff.hasPermission('waterResource:menu')">
            <a href="#">
              <span class="nav-label">水资源信息</span>
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li v-show='staff.hasPermission("intakeInfo:menu")'><a class="J_menuItem" href="/river/intakeInfo">取水口信息</a></li>
            </ul>
          </li>
          <li v-show="activeNav ==='河湖档案' && staff.hasPermission('waterPollution:menu')">
            <a href="#">
              <span class="nav-label">水污染信息</span>
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li v-show='staff.hasPermission("sewageTreatment:menu")'><a class="J_menuItem" href="/river/sewageTreatment">污水处理厂</a></li>
              <li v-show='staff.hasPermission("drainOutlet:menu")'><a class="J_menuItem" href="/river/drainOutlet">排污口</a></li>
            </ul>
          </li>
          <li v-show="activeNav ==='河湖档案' && staff.hasPermission('waterEnv:menu')">
            <a href="#">
              <span class="nav-label">水环境信息</span>
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li v-show='staff.hasPermission("waterFunctionInfo:menu")'><a class="J_menuItem" href="/river/water_function_info">水功能区信息</a></li>
              <li v-show='staff.hasPermission("drinkingwaterSource:menu")'><a class="J_menuItem" href="/river/drinkingwater_source">饮用水源地信息</a></li>
            </ul>
          </li>
          <li v-show="activeNav ==='河湖档案' && staff.hasPermission('waterEcology:menu')">
            <a href="#">
              <span class="nav-label">水生态信息</span>
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li v-show='staff.hasPermission("waterProtectionArea:menu")'><a class="J_menuItem" href="/river/water_protection_area">水生态保护区</a></li>
            </ul>
          </li>
          <li v-show="activeNav ==='河湖档案' && staff.hasPermission('shoreline:menu')">
            <a href="#">
              <span class="nav-label">水域岸线信息</span>
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li v-show='staff.hasPermission("waterShoreline:menu")'><a class="J_menuItem" href="/river/water_shoreline">水域岸线</a></li>
            </ul>
          </li>
          <li v-show="activeNav ==='河湖档案' && staff.hasPermission('supervise:menu')">
            <a href="#">
              <span class="nav-label">执法监督信息</span>
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li v-show='staff.hasPermission("cases:menu")'><a class="J_menuItem" href="/river/cases">违法案件</a></li>
            </ul>
          </li>
          <li v-show="activeNav ==='河湖档案' && staff.hasPermission('engineeringFacilities:menu')">
            <a href="#">
              <span class="nav-label">工程设施信息</span>
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-second-level">
              <li v-show='staff.hasPermission("pumpGate:menu")'><a class="J_menuItem" href="/river/pump_gate">泵闸信息</a></li>
              <li v-show='staff.hasPermission("station:menu")'><a class="J_menuItem" href="/river/station">测站信息</a></li>
            </ul>
          </li>
          <li v-show="activeNav ==='统计分析' && staff.hasPermission('analysis:river:supervisor')"><a class="J_menuItem" id="tongji-fist-lv2" href="/analysis/river/supervisor"><span class="nav-label">河长统计分析</span></a></li>
          <li v-show="activeNav ==='统计分析' && staff.hasPermission('analysis:river:reach')"><a class="J_menuItem" href="/analysis/river/reach"><span class="nav-label">河段统计分析</span></a></li>
          <li v-show="activeNav ==='统计分析' && staff.hasPermission('analysis:patrol')"><a class="J_menuItem" href="/analysis/patrol"><span class="nav-label">巡查统计分析</span></a></li>
          <li v-show="activeNav ==='统计分析' && staff.hasPermission('analysis:water')"><a class="J_menuItem" href="/analysis/water"><span class="nav-label">水质统计分析</span></a></li>
          <li v-show="activeNav ==='统计分析' && staff.hasPermission('analysis:complaint:treatment')"><a class="J_menuItem" href="/analysis/complaint/treatment"><span class="nav-label">投诉处理统计</span></a></li>
          <li v-show="activeNav ==='统计分析' && staff.hasPermission('analysis:complaint:type')"><a class="J_menuItem" href="/analysis/complaint/type"><span class="nav-label">投诉类型统计</span></a></li>
          <li v-show="activeNav ==='统计分析' && staff.hasPermission('analysis:event:treatment')"><a class="J_menuItem" href="/analysis/event/treatment"><span class="nav-label">事件处理统计</span></a></li>
          <li v-show="activeNav ==='统计分析' && staff.hasPermission('analysis:event:type')"><a class="J_menuItem" href="/analysis/event/type"><span class="nav-label">事件类型统计</span></a></li>
          <li v-show="activeNav ==='统计分析' && staff.hasPermission('analysis:examine:ranking')"><a class="J_menuItem" href="/analysis/examine/ranking"><span class="nav-label">考核排名统计</span></a></li>
          <li v-show="activeNav ==='统计分析' && staff.hasPermission('analysis:examine:level')"><a class="J_menuItem" href="/analysis/examine/level"><span class="nav-label">考核等级统计</span></a></li>
          <!--          <li v-show="activeNav ==='统计分析'">-->
          <!--            <a href="#">-->
          <!--              <span class="nav-label">项目类型统计</span>-->
          <!--              <span class="fa arrow"></span>-->
          <!--            </a>-->
          <!--            <ul class="nav nav-second-level">-->
          <!--              <li><a class="J_menuItem" href="/map/none?v=31">劣五类项目</a></li>-->
          <!--              <li><a class="J_menuItem" href="/map/none?v=32">水环境治理</a></li>-->
          <!--              <li><a class="J_menuItem" href="/map/none?v=33">水生态修复</a></li>-->
          <!--              <li><a class="J_menuItem" href="/map/none?v=34">水污染防治</a></li>-->
          <!--              <li><a class="J_menuItem" href="/map/none?v=35">水资源管理</a></li>-->
          <!--              <li><a class="J_menuItem" href="/map/none?v=36">执法监督</a></li>-->
          <!--            </ul>-->
          <!--          </li>-->
          <!--          <li v-show="activeNav ==='统计分析'"><a class="J_menuItem" href="/map/none?v=37"><span class="nav-label">项目阶段统计</span></a></li>-->
          <li v-show="activeNav ==='任务处理'" class=" mm-active">
            <!--             && staff.hasPermission('task:menu')-->
            <a href="#" aria-expanded="true" id="renwu-fist-lv1">
              <span class="nav-label">事件处理</span>
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-third-level collapse in mm-collapse mm-show" aria-expanded="true" style="">
              <li v-show='staff.hasPermission("reportEventPatrol:menu")'><a class="J_menuItem" id="renwu-fist-lv2" href="/report/reportEvent/patrol">巡查事件</a></li>
              <li v-show='staff.hasPermission("reportEventComplaint:menu")'><a class="J_menuItem" href="/report/reportEvent/complaint">公众投诉</a></li>
            </ul>
          </li>
          <li v-show="activeNav ==='任务处理'">
            <!--             && staff.hasPermission('task:menu')-->
            <a href="#">
              <span class="nav-label">信息报送</span>
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-third-level collapse in" aria-expanded="false" style="">
              <li v-show='staff.hasPermission("reportTask:menu")'><a class="J_menuItem" href="/report/reportTask">任务发起</a></li>
              <li v-show='staff.hasPermission("reportTaskSubmit:menu")'><a class="J_menuItem" href="/report/reportTaskSubmit">信息填报</a></li>
              <li v-show='staff.hasPermission("reportWorkBrief:menu")'><a class="J_menuItem" href="/report/ReportWorkBrief">工作简报</a></li>
              <li v-show='staff.hasPermission("reportMonthly:menu")'><a class="J_menuItem" href="/report/reportMonthly">月小结报</a></li>
              <li v-show='staff.hasPermission("reportTenday:menu")'><a class="J_menuItem" href="/report/reportTenday">旬报管理</a></li>
              <li v-show='staff.hasPermission("reportBimonthly:menu")'><a class="J_menuItem" href="/report/reportBimonthly">双月报</a></li>
              <li v-show='staff.hasPermission("reportYear:menu")'><a class="J_menuItem" href="/report/reportYear">年报</a></li>
            </ul>
          </li>
          <li v-show="activeNav ==='任务处理'">
            <!--             && staff.hasPermission('task:menu')-->
            <a href="#">
              <span class="nav-label">信息发布</span>
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-third-level collapse in" aria-expanded="false" style="">
              <li v-show='staff.hasPermission("sysNews:menu")'><a class="J_menuItem" href="/sys/sysNews/trends">新闻动态</a></li>
              <li v-show='staff.hasPermission("sysNews:menu")'><a class="J_menuItem" href="/sys/sysNews/policy">制度文件</a></li>
              <li v-show='staff.hasPermission("sysNews:menu")'><a class="J_menuItem" href="/sys/sysNews/water">治水百科</a></li>
              <li v-show='staff.hasPermission("sysNews:menu")'><a class="J_menuItem" href="/sys/sysNews/reprint">转载文章</a></li>
              <li v-show='staff.hasPermission("sysNews:menu")'><a class="J_menuItem" href="/sys/sysNews/publicity">宣传引导</a></li>
            </ul>
          </li>
          <li v-show="activeNav ==='目标考核'" class="">
            <a href="#" id="mubiao-fist-lv1">
              <span class="nav-label">总体目标</span>
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-third-level collapse in" aria-expanded="false" style="">
              <li v-show='staff.hasPermission("examineMainTarget:menu")'><a class="J_menuItem" id="mubiao-fist-lv2" href="/examine/examineMainTarget?v=40" data-index="23">主要目标</a></li>
            </ul>
          </li>
          <li v-show="activeNav ==='目标考核'">
            <a href="#">
              <span class="nav-label">考核管理</span>
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-third-level collapse in" aria-expanded="false" style="">
              <li v-show='staff.hasPermission("examineTarget:menu")'><a class="J_menuItem" href="/examine/examineTarget?v=43" data-index="23">考核指标</a></li>
              <li v-show='staff.hasPermission("examineEvaluate:menu")'><a class="J_menuItem" href="/examine/examineEvaluate?v=45" data-index="24">考核评估</a></li>
              <li v-show='staff.hasPermission("examineSelfEvaluation:menu")'><a class="J_menuItem" href="/examine/examineSelfEvaluation?v=44" data-index="24">考核自评</a></li>
              <li v-show='staff.hasPermission("examineLeaderEvaluation:menu")'><a class="J_menuItem" href="/examine/examineLeaderEvaluation?v=47" data-index="24">上级评分</a></li>
              <li v-show='staff.hasPermission("examineResult:menu")'><a class="J_menuItem" href="/examine/examineResult?v=48" data-index="24">考核结果</a></li>
            </ul>
          </li>
          <li v-show="activeNav ==='巡查管理' && staff.hasPermission('patrol:menu')">
            <a href="#" id="xuncha-fist-lv1">
              <span class="nav-label">巡查管理</span>
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-third-level collapse in" aria-expanded="false" style="">
              <li v-show='staff.hasPermission("patrolTaskLog:menu")'><a class="J_menuItem" id="xuncha-fist-lv2" href="/patrol/patrol_log_peer">本级河长日志</a></li>
              <li v-show='staff.hasPermission("patrolTaskLogJunior:menu")'><a class="J_menuItem" href="/patrol/patrol_log_junior">下级河长日志</a></li>
              <li v-show='staff.hasPermission("completionStat:menu")'><a class="J_menuItem" href="/patrol/completion_stat">完成情况统计</a></li>
              <li v-show='staff.hasPermission("patrolTask:menu")'><a class="J_menuItem" href="/patrol/patrol_task">巡查任务管理</a></li>
              <li v-show='staff.hasPermission("inspectionPlan:menu")'><a class="J_menuItem" href="/patrol/inspection_plan">巡查计划管理</a></li>
            </ul>
          </li>
          <li v-show="activeNav ==='生态流量' && staff.hasPermission('flow:menu')" v-on:click="openOneMap()">
            <a href="#" id="flow">
              <span class="nav-label">生态流量</span>
              <span class="fa arrow"></span>
            </a>
            <ul class="nav nav-third-level collapse in" aria-expanded="false" style="">
              <li v-show='staff.hasPermission("flow:map:menu")'><a id="oneMap" class="J_menuItem" href="/flow/map">一张图</a></li>
              <li v-show='staff.hasPermission("flow:index:menu")'><a class="J_menuItem" href="/flow/index">可视化展示</a></li>
              <li v-show='staff.hasPermission("flow:video:menu")'><a class="J_menuItem" href="/flow/video">视频监控</a></li>
              <li v-show='staff.hasPermission("flow:flow:menu")'><a class="J_menuItem" href="/flow/flow">生态流量分析</a></li>
              <li v-show='staff.hasPermission("flow:wrHpB:menu")'><a class="J_menuItem" href="/flow/hpb">水电站维护</a></li>
            </ul>
          </li>
          <li v-show="activeNav ==='系统管理' && staff.hasPermission('orgInfo:menu')"><a class="J_menuItem" id="xitong-fist-lv2" href="/sys/orgInfo">机构信息</a></li>
          <li v-show="activeNav ==='系统管理' && staff.hasPermission('user:menu')"><a class="J_menuItem" href="/sys/staff"> 用户管理</a></li>
          <li v-show="activeNav ==='系统管理' && staff.hasPermission('authPerm:menu')"><a class="J_menuItem" href="/sys/auth/perm"> 权限管理</a></li>
          <li v-show="activeNav ==='系统管理' && staff.hasPermission('authRole:menu')"><a class="J_menuItem" href="/sys/auth/role"> 角色管理</a></li>
          <li v-show="activeNav ==='系统管理' && staff.hasPermission('alog:menu')"><a class="J_menuItem" href="/logs/operation"> 操作日志</a></li>
          <li v-show="activeNav ==='系统管理' && staff.hasPermission('logLogin:menu')"><a class="J_menuItem" href="/logs/login"> 登录日志</a></li>
          <li v-show="activeNav ==='系统管理' && staff.hasPermission('sysVariable:menu')"><a class="J_menuItem" href="/sys/variable"> 系统字典</a></li>
          <li v-show="activeNav ==='系统管理' && staff.hasPermission('sysNews:menu')"><a class="J_menuItem" href="/sys/sysNews/faq">常见问题</a></li>
          <li v-show="activeNav ==='系统管理' && staff.hasPermission('sysNews:menu')"><a class="J_menuItem" href="/sys/sysNews/notice">通知公告</a></li>
          <li v-show="activeNav ==='系统管理' && staff.hasPermission('feedback:menu')"><a class="J_menuItem" href="/sys/feedback">意见反馈</a></li>
          <li v-show="activeNav ==='系统管理' && staff.hasPermission('sysVariable:menu')"><a class="J_menuItem" href="/sys/newsManual/edit">用户手册</a></li>
        </ul>
      </div>
    </nav>
    <!--左侧导航结束-->
    <!--右侧部分开始-->
    <div class="gray-bg dashbard-1" id="page-wrapper" :class="hasLeftNav ? '':'no-left-nav'">
      <div class="row border-bottom">
        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0;display: none;">
          <div class="navbar-header">
            <a class="navbar-minimalize minimalize-styl-2 " href="#" style="font-size: 18px;color: #2f4050;margin-top: 10px;margin-bottom: 10px;">
              <i class="fa fa-bars"></i>
            </a>
          </div>
          <ul class="nav navbar-top-links navbar-right">
            <li class="dropdown">
              <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
                <label style="color:#2f4050;margin-right: 10px;"><span v-html="staff.dto().name"></span> <i class="fa fa-toggle-down"></i> </label>
              </a>
              <ul class="dropdown-menu dropdown-alerts">
                <li>
                  <a @click="lbox.openMyBoxLayerB('信息更新','/own/staff/edit',['600px', '600px'])" href="javascript:">信息更新</a>
                </li>
                <li class="divider"></li>
                <li>
                  <a @click="lbox.openMyBoxLayerB('密码修改','/own/staff/pwd',['700px', '500px'])" href="javascript:">密码修改</a>
                </li>
                <li class="divider"></li>
                <li>
                  <a @click="staff.logout()" aria-expanded="false" class="right-sidebar-toggle"> 退出 </a>
                </li>
              </ul>
            </li>
            <li class="hidden-xs" style="right: 10px;">
              <img src="~@/assets/images/avatar.png" alt="image" class="img-circle" style="width: 34px; height: 34px;"/>
            </li>
            <!--<li class="hidden-xs">-->
            <!--    <a href="javascript:;" style="padding: 0;min-height: 0px;"><img src="~@/assets/images/flags/cn.gif"></a>-->
            <!--</li>-->
          </ul>
        </nav>
      </div>
      <div class="row content-tabs" v-show="hasLeftNav">
        <button class="roll-nav roll-left J_tabLeft">
          <i class="fa fa-backward"></i>
        </button>
        <nav class="page-tabs J_menuTabs">
          <div class="page-tabs-content">
            <a class="active J_menuTab" data-id="/welcome" href="javascript:"></a>
          </div>
        </nav>
        <button class="roll-nav roll-right J_tabRight">
          <i class="fa fa-forward"></i>
        </button>
        <div class="btn-group roll-nav roll-right">
          <button class="dropdown J_tabClose" data-toggle="dropdown">关闭操作<span class="caret"></span></button>
          <ul class="dropdown-menu dropdown-menu-right" role="menu">
            <li class="divider"></li>
            <li class="J_tabShowActive"><a>定位当前选项卡</a></li>
            <li class="divider"></li>
            <li class="J_tabCloseAll"><a>关闭全部选项卡</a></li>
            <li class="J_tabCloseOther"><a>关闭其他选项卡</a></li>
          </ul>
        </div>
        <a @click="staff.logout()" class="roll-nav roll-right J_tabExit" href="javascript:"><i class="fa fa fa-sign-out"></i>退出</a>
      </div>
      <div class="row J_mainContent" id="content-main">
        <iframe class="J_iframe" sandbox="allow-downloads" data-id="/welcome" frameborder="0" height="80%" id="main-iframe" name="iframe0" seamless src="/welcome" width="100%"></iframe>
      </div>
      <div class="footer">
        <!-- 四川星海系统集成工程有限公司 -->
        <div class="pull-right">&copy; Copyright 2020 版权所有 All rights reserved</div>
      </div>
    </div>
  </div>
</template>
<script type="text/javascript">
import '@/assets/css/common.css'
import '@/assets/css/style.css'
import '@/assets/css/morris-0.4.3.min.css'
import 'babel-polyfill'
import $ from '@/assets/js/jquery-vendor.js'
import 'bootstrap'
import 'metismenu'
import 'jquery-slimscroll'
import {navInit, themeInit} from '@/assets/js/hplus'
import {menuTabInit} from '@/assets/js/contabs'
import '@/assets/js/boss'

export default {
  data() {
    return {
      activeNav: '综合展示',
      hasLeftNav: false,
      staffInfo2: {}
    }
  },
  mounted() {
    let that = window.$vueApp = this
    document.getElementsByTagName('body')[0].className = 'fixed-sidebar full-height-layout gray-bg';
    // document.getElementsByTagName('body')[0].style = 'overflow:hidden';
    that.staff.init(function () {
      that.staffInfo2 = that.staffInfo
    });
    navInit()
    themeInit()
    menuTabInit()
    window.onresize = function () {
      that.winresize()
    };
    that.winresize();

    document.getElementById('zhonghezhanshi').click();
  },
  watch: {
    activeNav(val) {
      if (val === '综合展示') {
        this.hasLeftNav = false;
        document.getElementById('zhonghezhanshi').click()
        $('#content-main').height($(window).height() - 150);
      } else if (val === '一张图') {
        this.hasLeftNav = false;
        document.getElementById('yizhangtu').click()
        $('#content-main').height($(window).height() - 150);
      } else {
        this.hasLeftNav = true;
        $('.J_menuTabs').find('.J_menuTab i').each(function () {
          var closeTabId = $(this).parents('.J_menuTab').data('id');
          if (closeTabId === '/map/index' || closeTabId === '/home/show_page') {
            $(this).click()
          }
        })
        $('#content-main').height($(window).height() - 190);
      }
    }
  },
  methods: {
    winresize() {
      $('#content-main').height($(window).height() - 150);
      $('#main-iframe').width($('#content-main').width());
      $('#main-iframe').height($('#content-main').height());
    },
    changeActiveNav(str, idstr) {
      this.$nextTick(() => {
        this.activeNav = str
        navInit()
      })
      if (idstr) {
        if (!$('#' + idstr + '1').parent().hasClass('mm-active')) {
          $('#' + idstr + '1').click();
        }
        $('#' + idstr + '2').click();
      }
    },
    openWindow(url) {
      window.open(url);
    },
    openOneMap() {
      if ($('#flow').attr('aria-expanded') === 'true') {
        document.getElementById('oneMap').click()
      }
    }
  },
  beforeDestroy() {

  }
}
</script>
